feat: add writers page with contributor cards (closes #3074)#49
feat: add writers page with contributor cards (closes #3074)#49ANAMASGARD wants to merge 5 commits intokeploy:mainfrom
Conversation
Signed-off-by: Gauarv Chaudhary <chaudharygaurav2004@gmail.com>
- Add hamburger menu with slide-in navigation panel - Add right-side social icons with hover tooltips (Slack, X, YouTube, LinkedIn, GitHub) - Update Hero section with exact wording from old website - Add orange underline to 'Writers Program' title - Increase icon sizes in Offers and Flow sections - Add dynamic GitHub stars count in header Closes #3071 Signed-off-by: Gauarv Chaudhary <chaudharygaurav2004@gmail.com>
- Remove unused imports (ArrowRight, Users) from HeroSection - Remove invalid next.revalidate option from client-side fetch in Header - Change CardTitle to use semantic h3 element for accessibility - Remove suppressHydrationWarning from html/body in layout - Extract star animation CSS to globals.css (DRY principle) Signed-off-by: Gauarv Chaudhary <chaudharygaurav2004@gmail.com>
- Add /writers route with SEO metadata - Create WriterCard component with gradient hover effects - Create WritersSection with responsive grid layout - Add centralized writersData.ts with TypeScript interface - Include social links (Twitter, GitHub, LinkedIn, Website) - Ensure responsive design: 1→2→3 column grid - Add beautiful header with sparkle decorations and stats badges Closes #3074 Signed-off-by: Gauarv Chaudhary <chaudharygaurav2004@gmail.com>
There was a problem hiding this comment.
Pull request overview
This PR adds a dedicated /writers page to showcase contributors to the Keploy Writers Program. The implementation includes a new route with SEO metadata, centralized writer data management in TypeScript, and responsive card components with gradient hover effects.
Key changes:
- New
/writersroute with dedicated page component and SEO metadata - Centralized writer data structure with TypeScript interfaces
- Reusable WriterCard and WritersSection components with accessibility features
- Responsive design supporting mobile, tablet, and desktop layouts
Reviewed changes
Copilot reviewed 24 out of 86 changed files in this pull request and generated 6 comments.
Show a summary per file
| File | Description |
|---|---|
| src/app/writers/page.tsx | New page route for writers with metadata and footer |
| src/lib/writersData.ts | TypeScript data structure for writer profiles |
| src/components/sections/WriterCard.tsx | Reusable card component with hover effects and social links |
| src/components/sections/WritersSection.tsx | Grid layout section with header and call-to-action |
| tsconfig.json | TypeScript configuration for Next.js project |
| tailwind.config.ts | Tailwind CSS configuration with Keploy brand colors |
| next.config.js | Next.js configuration for static export |
| package.json | Project dependencies and scripts |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
There was a problem hiding this comment.
Pull request overview
Copilot reviewed 24 out of 86 changed files in this pull request and generated 1 comment.
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
ANAMASGARD
force-pushed
the
feat/writers-page-3074
branch
from
f4a27a2 to
9b494ee
Compare
There was a problem hiding this comment.
Pull request overview
Copilot reviewed 24 out of 86 changed files in this pull request and generated 3 comments.
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
ANAMASGARD
force-pushed
the
feat/writers-page-3074
branch
from
9b494ee to
644c098
Compare
There was a problem hiding this comment.
Pull request overview
Copilot reviewed 24 out of 86 changed files in this pull request and generated 3 comments.
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
ANAMASGARD
force-pushed
the
feat/writers-page-3074
branch
from
644c098 to
7d2deae
Compare
There was a problem hiding this comment.
Pull request overview
Copilot reviewed 24 out of 86 changed files in this pull request and generated 2 comments.
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
ANAMASGARD
force-pushed
the
feat/writers-page-3074
branch
from
7d2deae to
ba20827
Compare
There was a problem hiding this comment.
Pull request overview
Copilot reviewed 24 out of 86 changed files in this pull request and generated 4 comments.
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
ANAMASGARD
force-pushed
the
feat/writers-page-3074
branch
from
ba20827 to
a23f83d
Compare
There was a problem hiding this comment.
Pull request overview
Copilot reviewed 24 out of 86 changed files in this pull request and generated 2 comments.
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
ANAMASGARD
force-pushed
the
feat/writers-page-3074
branch
from
a23f83d to
0c5364e
Compare
There was a problem hiding this comment.
Pull request overview
Copilot reviewed 24 out of 86 changed files in this pull request and generated 2 comments.
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
Signed-off-by: Gauarv Chaudhary <chaudharygaurav2004@gmail.com>
ANAMASGARD
force-pushed
the
feat/writers-page-3074
branch
from
0c5364e to
6418f78
Compare
There was a problem hiding this comment.
Pull request overview
Copilot reviewed 24 out of 86 changed files in this pull request and generated no new comments.
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
1 participant
FIXES keploy/keploy#3074
Description
This PR adds a dedicated
/writerspage to highlight all writers who have contributed to the Keploy Writers Program. The page features a responsive grid of writer cards with profile images, names, bios, and social links.Key features:
/writersroute with SEO metadataType of change
How Has This Been Tested?
npm run devand verified/writerspage renders correctlynpm run buildto confirm no TypeScript/lint errorsChecklist: